<template>
  <div id="app">
      <transition name="fade">
          <keep-alive>
              <router-view/>
          </keep-alive>
      </transition>
  </div>
</template>

<style lang="less">
.fade-enter-active,.fade-leave-active{
    opacity:1
}
.fade-enter,.fade-leave-to{
    opacity:0;
    transition:opacity .2s
}
/*#app {*/
  /*font-family: 'Avenir', Helvetica, Arial, sans-serif;*/
  /*-webkit-font-smoothing: antialiased;*/
  /*-moz-osx-font-smoothing: grayscale;*/
  /*text-align: center;*/
  /*color: #2c3e50;*/
/*}*/
/*#nav {*/
  /*padding: 30px;*/
  /*a {*/
    /*font-weight: bold;*/
    /*color: #2c3e50;*/
      /*!*  &等价于a  *!*/
    /*&.router-link-exact-active {*/
      /*color: #42b983;*/
    /*}*/
  /*}*/
/*}*/
</style>
